<template>
  <div class="bkgl">
    <div class="query">
      <el-radio-group v-model="query.radio1" size="small">
        <el-radio-button label="待分拣"></el-radio-button>
        <el-radio-button label="已分拣"></el-radio-button>
        <el-radio-button label="无法处理"></el-radio-button>
      </el-radio-group>
      <br />
      报告日期：
      <el-radio-group v-model="query.radio">
        <el-radio :label="0">全部</el-radio>
        <el-radio :label="1">0-4天</el-radio>
        <el-radio :label="2">5-7天</el-radio>
        <el-radio :label="3">7天以上</el-radio>
      </el-radio-group>
      报卡类型：
      <el-select v-model="query.status" placeholder="请选择">
        <el-option label="全部" value="全部"> </el-option>
        <el-option label="原发性高血压" value="原发性高血压"> </el-option>
        <el-option label="未特指高血压" value="未特指高血压"> </el-option>
        <el-option label="II型糖尿病" value="II型糖尿病"> </el-option>
        <el-option label="待定型糖尿病" value="待定型糖尿病"> </el-option>
      </el-select>
      数据来源：
      <el-select v-model="query.status" placeholder="请选择">
        <el-option label="全部" value="全部"> </el-option>
        <el-option label="手动上报" value="手动上报"> </el-option>
        <el-option label="接口对接" value="接口对接"> </el-option>
        <el-option label="手动上报(老系统)" value="手动上报(老系统)">
        </el-option>
        <el-option label="接口对接(老系统)" value="接口对接(老系统)">
        </el-option>
        <el-option label="DRGs(老系统)" value="DRGs(老系统)"> </el-option>
        <el-option label="文件导入" value="文件导入"> </el-option>
      </el-select>
      <span style="float: right"
        ><el-button type="primary" icon="el-icon-search">查询</el-button>
        <el-button icon="el-icon-refresh-left">重置</el-button></span
      >
      <br />
      报卡查询：
      <el-input
        v-model="query.name"
        style="width: 200px"
        placeholder="请输入姓名、报卡编号或证件号码查询"
      ></el-input>
    </div>
    <div class="title" style="margin-top: 10px">
      <span style="font-weight: 900; font-size: 18px; color: #000"
        >待分拣报卡</span
      >
      <el-tag type="warning" style="margin-left: 15px;">
        <i class="el-icon-warning"></i>
        接收高血压、糖尿病报告卡，请到公卫系统接收</el-tag
      >
    </div>
    <div class="main" style="margin-top: 25px">
      <el-table
        :data="tableData"
        style="width: 100%; margin-top: 15px"
        :header-cell-style="{
          color: '#000',
          backgroundColor: 'rgb(222,234,255)',
        }"
        height="400"
      >
        <el-table-column prop="" label="本单位停留时长"> </el-table-column>
        <el-table-column prop="" label="到达日期"> </el-table-column>
        <el-table-column prop="" label="报卡编号"> </el-table-column>
        <el-table-column prop="" label="姓名"> </el-table-column>
        <el-table-column prop="" label="性别"> </el-table-column>
        <el-table-column prop="" label="报卡类型"> </el-table-column>
        <el-table-column prop="" label="数据来源"> </el-table-column>
        <el-table-column prop="" label="填报单位"> </el-table-column>
        <el-table-column prop="" label="现住地址"> </el-table-column>
        <el-table-column prop="" label="户籍地址"> </el-table-column>
        <el-table-column label="操作">
          <template>
            <el-button type="text" @click="to_look">分拣处理</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div style="text-align: right; margin-top: 20px">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="query.page"
        :page-size="query.size"
        layout="prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination>
    </div>
  </div>
</template>
  
  <script>
export default {
  data() {
    return {
      query: {
        time: [],
        page: 1,
        size: 15,
        radio1: "待分拣",
      },
      tableData: [{}],
    };
  },
  methods: {
    handleSizeChange() {},
    handleCurrentChange() {},
    to_look() {
      this.$router.push("/BKXT/look/look2");
    },
  },
};
</script>
  
  <style>
.bkgl {
  padding: 15px;
  background-color: #fff;
  height: calc(100vh - 46px);
}
</style>